<template>
  <section class="bg-white shadow rounded mb-5">
    <div class="p-3 border-b">
      <h4>精品推荐</h4>
    </div>
    <div class="p-3">
      <CourseList v-for="(item,index) in data" :key="index" :item="item"  />
    </div>
  </section>
</template>

<script setup>
// naive-ui
import {NImage,NButton,NGrid,NGridItem} from "naive-ui";

// 调用接口
let {data} = await useHotCourseListApi()
</script>


<style scoped>

</style>